<!--
 * @Author: 260156 260156@gree.com.cn
 * @Date: 2022-08-15 11:26:20
 * @LastEditors: 260156 260156@gree.com.cn
 * @LastEditTime: 2022-08-16 13:50:59
 * @FilePath: \gree-zst-web\src\views\manage\log\components\LogMain.vue
 * @Description: 
 * 
 * Copyright (c) 2022 by 260156 260156@gree.com.cn, All Rights Reserved. 
-->
<template>
  <my-table
    :tableObj="tableObj"
    row-key="id"
    default-expand-all
    v-loading="loading"
    class="log-table"
  >
    <template #prev>
      <el-table-column type="index" label="序号" width="80" />
    </template>
  </my-table>
</template>
<script lang="ts" setup>
import type { LogListItem } from "api/manage/model/manage";

interface Props {
  tableData: LogListItem[];
  loading: boolean;
}
const props = defineProps<Props>();

const tableHeader = [
  {
    label: "操作时间",
    value: "createTime",
    minWidth: "200",
  },
  {
    label: "操作人",
    value: "username",
  },
  {
    label: "邮箱号",
    value: "userMailbox",
  },
  {
    label: "操作类型",
    value: "operation",
  },
  {
    label: "菜单",
    value: "operationModule",
    minWidth: "500px",
  },
];

const tableObj = computed(() => ({
  tableData: props.tableData,
  tableHeader,
}));
</script>
